<div ng-include="'components/navbar/navbar.html'"></div>

<header class="hero-unit" id="banner">
        <div class="panel panel-default">
                <div class="panel-heading">
                        <h3 class="panel-title">角色管理</h3>
                </div>
                <div class="panel-body">
                        <div class="input-group">
                                <input type="text" class="form-control" placeholder="角色名称" ng-model="name" >
                                <button type="button" class="btn btn-default btn-lg"  ng-click="create();" >创建</button>
                                <button type="button" class="btn btn-default btn-lg">取消</button>
                                <button type="button" class="btn btn-default btn-lg" ng-click="search();" >搜索</button>

                        </div>
                        <div class="panel panel-default">
                                <div class="panel-heading">数据</div>
                                <table class="table">
                                        <thead>
                                                <tr>
                                                        <th>ID </th>
                                                        <th>名称</th>
                                                </tr>
                                        </thead>
                                        <tbody ng-repeat="item in data">
                                                <tr>
                                                        <td ng-bind="item.id"></td>
                                                        <td ng-bind="item.name"></td>
                                                </tr>
                                        </tbody>
                                </table>
                        </div>
                </div>
        </div>
</header>